import axios from 'axios'
import Vue from 'vue'
import Vuex from 'vuex'

// 持久化保存token
import createPersistedState from 'vuex-persistedstate'
Vue.use(Vuex)

export default new Vuex.Store({
  plugins: [createPersistedState()],
  state: {
    // 存储token
    token: '',
    userinfo: []
  },
  mutations: {
    // 更新state里面的token值需要mutation
    // 此时的token 就是res.data.token
    updataToken (state, token) {
      state.token = token
    },
    // 获取用户信息
    updataUserinfo (state, info) {
      state.userinfo = info
    }
  },
  actions: {
    // 定义初始化用户信息函数
    // / 发送axios获取数据获得到 用户信息
    async UserInfo (context) {
      const res = await axios.get('/my/userinfo', {
        // 设置请求头
        headers: {
          Authorization: context.state.token
        }
      })
      // console.log(res.data.data)
      // 判断是否获取数据成功
      if (res.data.code === 0) {
        context.commit('updataUserinfo', res.data.data)
      }
    }

  },
  modules: {
  }
})
